<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/resetMui/reset.css" />
		<link rel="stylesheet" href="css/notice/notice.css" />
	</head>
	<body>
		<div class="mui-content" id='main'>
			<ul class='mui-news-list'>
				<li  v-for='(item,index) in dataObj'>
					<div class="mui-card" @click='openDetail(item.id,"noticeDetail.html")':style='borderColor(index)'>
						<div class="mui-card-content">
							<div class="mui-card-content-inner">
								<p class="mui-ellipsis-2">{{ item.title }}</p>
								<span>{{ item.publishtime }}</span>
								<!--<i class='reader'></i>-->
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<script src="js/lib/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/common/server_commonFun.js"></script>
		<script src="js/common/rutour.js" ></script>
		<script src="js/lib/vue.js"></script>
		<script src="js/notice.js"></script>
	</body>

</html>